<!DOCTYPE html>
<html lang="zh-CN">
	<head>
	    <meta charset="utf-8">
	    <title>管理平台</title>
	    <meta name="author" content="Muhammad Usman">
	    <meta name="viewport" content="width=device-width, initial-scale=1">
	    <link href="${ctx.contextPath}/bootstrap/css/bootstrap.css" rel="stylesheet">
	  	<link rel="stylesheet" href="${ctx.contextPath}/bootstrap/css/bootstrap-theme.min.css">
	  	<link rel="stylesheet" href="${ctx.contextPath}/html/css/theme.css">
		<!-- jQuery -->
	    <script src="${ctx.contextPath}/jquery/jquery.min.js"></script>
	
	    <script >
	    	function loadPage(obj,commponents){
		    	$.get("${ctx.contextPath}/rest/default/bootstrap",{"commponents":commponents},function(data){
		    		$("#content").html(data);
		    	});
		    	$("div[class='dropdown theme-dropdown col-md-2']>ul[class='dropdown-menu theme-menu']>li[class='active']").removeClass("active");
		    	$(obj).addClass("active");
	    	}
	    </script>
	
	</head>
	<body>
	<nav class="navbar-fluid navbar-default">
        <div class="container">
          <div class="navbar-header">
            <button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a href="#" class="navbar-brand">Project name</a>
          </div>
          <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <li class="active"><a href="#">Home</a></li>
              <li><a href="#about">About</a></li>
              <li><a href="#contact">Contact</a></li>
              <li class="dropdown">
                <a aria-expanded="false" aria-haspopup="true" role="button" data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown <span class="caret"></span></a>
                <ul class="dropdown-menu pull-left">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li class="divider" role="separator"></li>
                  <li class="dropdown-header">Nav header</li>
                  <li><a href="#">Separated link</a></li>
                  <li><a href="#">One more separated link</a></li>
                </ul>
              </li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </nav>
	  <div  id="container" class="container" role="main">
		  <div  class="row">
			   <div class="dropdown theme-dropdown col-md-2">
			        <a aria-expanded="false" aria-haspopup="true" role="button" data-toggle="dropdown" class="sr-only dropdown-toggle" href="#" id="dropdownMenu1">Dropdown <span class="caret"></span></a>
			        <ul aria-labelledby="dropdownMenu1" class="dropdown-menu theme-menu">
			          <li class="active" onclick="loadPage(this)"><a href="javascript:void(0);">Action</a></li>
			          <li onclick="loadPage(this,'tabs-content')"><a href="javascript:void(0);"><abbr title="Another action">tabs-content</abbr></a></li>
			          <li onclick="loadPage(this)"><a href="javascript:void(0);">Something else here</a></li>
			          <li class="divider" role="separator"></li>
			          <li class="dropdown">
				        <a data-toggle="dropdown" class="dropdown-toggle" href="#" id="dropdownMenu2">Separated link</a>
			          	<ul aria-labelledby="dropdownMenu2" class="dropdown-menu pull-right">
				          <li class="active" onclick="loadPage(this)"><a href="javascript:void(0);">Action</a></li>
				          <li onclick="loadPage(this)"><a href="javascript:void(0);"><abbr title="Another action">Another</abbr></a></li>
				          <li onclick="loadPage(this)"><a href="javascript:void(0);">Something else here</a></li>
				          <li class="divider" role="separator"></li>
				          <li onclick="loadPage(this)"><a href="javascript:void(0);" class='text-error'>Separated link</a></li>
				        </ul>
			          </li>
			        </ul>
		      </div>
			  <div id="content" class="col-md-10">
				
			   </div>
			
		   </div>
		
	   </div>
	   
	    <script src="${ctx.contextPath}/bootstrap/js/bootstrap.js"></script>
	</body>
</html>
